.drill-detail {
  &__wrapper {
    padding: 0 20px;
  }
  //title+status
  &__title-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  //title
  &__title {
    font-weight: bold;
    font-size: 32px;
    flex: 1;
  }
  //status
  &__status {
    font-size: 20px;
    padding: 4px 12px;
    border-radius: 8px;
    color: #fe963f;
    background-color: #ffeecd;
  }

  &__status-complete {
    color: #1abe96;
    background-color: #ddf5ef;
  }
  //演练时间
  &__time {
    margin-bottom: 20px;
  }

  //剩余时间
  .nut-countdown {
    &__content {
      font-size: 28px;
      span {
        color: #577fe7;
      }
    }
  }

  &__footer {
    padding: 20px 10px;
    background-color: #fff;
    display: flex;
  }

  &__footer-btn {
    flex: 1;
    margin: 0 10px;
  }
}
